<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script src="../css/jQuery3.4.1.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="container">
			<form action="">
				<div class="form-group">
					<label for="username">用户名</label>
					<input type="text" class="form-control" name="username" id="username" placeholder="请输入你的用户名"/>
				</div>
				<div class="form-group">
					<label for="userps">密码</label>
					<input type="password" class="form-control" name="userps" id="passwd" placeholder="请输入你的密码"/>
				</div>
				<div class="form-group form-check">
					<input type="checkbox" class="form-check-input" id="check"/>
					<label class="form-check-label" for="check">记住我</label>
				</div>
				<div class="form-group">
					<label for="range">商品数量</label>
					<input type="range" id="range" min="1" max="100" class="form-control-range" value=""/>
					<span></span>件
				</div>
				<button type="submit" class="btn btn-primary">登录</button>
			</form>
			<script type="text/javascript">
				$(function(){
					$('#range').change(function(){
						$('span').html($('#range').val())
					})
				})
			</script>
		</div>
	</body>
</html>
